import React from 'react'
import clsx from 'clsx'
import styles from './styles.module.css'
import { Col, Row } from 'antd'

const RightShowPage: React.FC = () => (
  <>
    <Row
      className={clsx('hero hero--primary', styles.heroBanner)}
      gutter={{
        xs: 8,
        sm: 16,
        md: 24,
        lg: 32,
      }}>
      <Col className={styles.show_title_left} span={14}>
        独树一帜
      </Col>

      <Col span={8}>
        <Row gutter={[2, 2]}>
          <Col className="gutter-row" span={24}>
            <h1 className={styles.show_title}>聚元</h1>
          </Col>
          <Col className="gutter-row" span={24}>
            <p className={styles.show_text}>
              定制化操作系统运行环境定制化操作系统运行环境定制化操作系统运行环境定制化操作系统运行环境
            </p>
          </Col>
          <Col className="gutter-row" span={24}>
            <h3 className={styles.button_style}>即刻了解</h3>
          </Col>
        </Row>
      </Col>
      <Col span={2}></Col>
    </Row>
  </>
)
export default RightShowPage
